const path =  require('path');
const resolve = (dir) => path.join(__dirname, dir);
module.exports={ 
  chainWebpack:(config)=>{
      config.resolve.alias
      //set第一个参数：设置的别名，第二个参数：设置的路径
      .set('@',resolve('./src'))
      .set('components',resolve('./src/components'))
      .set('assets',resolve('./src/assets'))
      .set('views',resolve('./src/views'))
      .set('network',resolve('./src/network'))
      .set('common',resolve('./src/common'))
      //注意 router 没必要配置
     /* 配置路径前
      import my from "../views/my/My.vue";
      配置路径后(不用再担心文件层级关系)
      import my from "views/my/My.vue";
      注意，引用别名时如果是HTML中的路径，则需要在别名前面加符号~
      <img src="~assets/img/tabbar/home.svg" alt="" slot="item-icon">
      图片路径的引用问题：
        1、循环遍历本地图片，渲染不出来。
        解决办法：require加载,require加载图片时可以使用相对地址。
        
        2、动态拼接地址，使用本地的图片不显示
        动态添加的src被当做静态资源处理了，没有进行编译，要加上require
     */ 　
  }
}
